<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p style="font-size: 28px; color: red">这是一个没有id的p</p>
<p id="p1">id=p1的元素</p>
<p id="p2">id=p2的元素</p>
<p class="class1">class1的元素</p>


<style>
  .class1 {
    color: orange;
  }

  #p1 {
    color: blue;
  }

  #p2 {
    color: green;
  }
</style>
</body>
</html>